<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>四种样式表使用</title>
		<!-- html部分 -->
		<style>
			/* css注释方式 */
			/* css部分：选择器 ：抓取页面元素，元素增加效果
			                      选择器{
									              属性：属性值;
												  属性：属性值;
								  }
								  */
			p{
				width: 200px;
				height: 200px;
				background-color: #e4393c;  /*16进制色值*/
			}
		</style>
	</head>
	<body>
		<!-- ①内部样式表，叫做内样式表  【开发不用 :没有真实实现内容与表现分离】
		 语法：前标记 style=“属性：属性值；属性：属性值；....”
		 -->
		<div style="width: 300px; height: 300px; background-color: red;">	</div>
		<!-- ②内部样式表  【开发不用： 练习专用】
		 html部分： 在head元素中，添加style元素
		 css部分：在style元素中，添加css样式
		 -->
		 <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolores natus a pariatur odio veritatis hic, quisquam facilis vero asperiores delectus. Qui, deleniti? Odio, delectus amet pariatur commodi harum numquam quia.</p>
	</body>
</html>